<%@page language="java" pageEncoding="UTF-8"%>
<%@include file="/views/common/include/taglib.jsp"%>
<link type="text/css" rel="stylesheet"
	href="${ctx }/css/dlifestyle/sectionparent.css" />
<link type="text/css" rel="stylesheet"
	href="${ctx }/css/dlifestyle/admin.css" />
<link type="text/css" rel="stylesheet"
	href="${ctx}/css/dlifestyle/table.css" />
<script type="text/javascript">
	//返回上一页
	function cancel() {
		loadContent("/cellInfo/cellInfoList");
	}
</script>
<section class="scrollable padder">
	<div style="height: 40px; line-height: 40px;">
		<div class="forword_area"></div>
		<div class="location">当前位置：${sessionScope.currcent_position}</div>
	</div>
	<hr>
	<div class="panel panel-default" style="height:auto">
		<div class="editTitle">
			<div style="height: 41px; width: 190px; float: left;">
			<img style="float:left;margin-left:37px;margin-top:9.5px;" src="/manage/images/new_edit.png">
				<h4 style="letter-spacing:0">小区管理信息详情</h4>
			</div>
			<div>
				<a style="float: right; margin-right: 20px; margin-top: -2px;"
					title="关闭" onclick="cancel();"><img
					src="${ctx}/images/new_close.png" /></a>
			</div>
		</div>
		<div id="replyList" class="right" style="margin-top:-10px;">
			<div class="modal-header">
				<div id="form" class="form" style="min-height:50px;margin-top:10px;border-top:1px solid #edeef3;font-size:14px;">
					<div class="itemEdit" style="border-bottom:1px solid #CBD5DD;height:150px;">
							<span class="col-sm-1 editlableDetail" style="height:150px;line-height: 150px;font-size:14px;">图像：</span>
							<div class="fldetailImg">
								<c:if test="${cellInfo.logo == null || cellInfo.logo == ''}">
									<img id="preview3" style="width:100px;height:100px;float:left;" title="快上传图像吧" src="${ctx}/images/cell_logo.png" />
								</c:if>
								<c:if test="${cellInfo.logo != null && cellInfo.logo != ''}">
									<img id="preview3" style="width:100px;height:100px;float:left;" src="${sessionScope.image_logo}${cellInfo.logo}" />
								</c:if>
							</div>
					</div>				
					<div class="itemEdit" style="border-bottom:1px solid #CBD5DD;">
							<span class="col-sm-1 editlableDetail" style="font-size:14px;">小区名称：</span>
							<div class="fldetail-4r" >${cellInfo.cellName }</div>
							<span class="col-sm-1 editlableDetail" style="font-size:14px;">经度：</span>
							<div class="fldetail-4r" >${cellInfo.longitude }</div>
					</div>
					<div class="itemEdit" style="border-bottom:1px solid #CBD5DD;">
							<span class="col-sm-1 editlableDetail" style="font-size:14px;">纬度：</span>
							<div class="fldetail-4r">${cellInfo.latitude }</div>
                            <span class="col-sm-1 editlableDetail" style="font-size:14px;">土地面积：</span>
							<div class="fldetail-4r">${cellInfo.areaLand }</div>
					</div>
					<div class="itemEdit" style="border-bottom:1px solid #CBD5DD;">
							<span class="col-sm-1 editlableDetail" style="font-size:14px;">建筑面积：</span>
							<div class="fldetail-4r">${cellInfo.areaConstruction }</div>
							<span class="col-sm-1 editlableDetail" style="font-size:14px;">物业公司：</span>
							<div class="fldetail-4r">${cellInfo.proCompanyName }</div>
					</div>
					<div class="itemEdit" style="border-bottom:1px solid #CBD5DD;">
                            <span class="col-sm-1 editlableDetail" style="font-size:14px;">配送公司：</span>
							<div class="fldetail-4r">${cellInfo.disCompanyName }</div>
							<span class="col-sm-1 editlableDetail" style="font-size:14px;">运营公司：</span>
							<div class="fldetail-4r">${cellInfo.opeCompanyName }</div>
					</div>
					<div class="itemEdit" style="border-bottom:1px solid #CBD5DD;">
                            <span class="col-sm-1 editlableDetail" style="font-size:14px;">停车系统：</span>
							<div class="fldetail-4r">${cellInfo.carSystemId }</div>
							<span class="col-sm-1 editlableDetail" style="font-size:14px;">发送时间：</span>
							<div class="fldetail-4r"><fmt:formatDate value="${cellInfo.sendTime}" pattern="yyyy-MM-dd HH:mm:ss"/></div>
					</div>
					<div class="itemEdit" style="border-bottom:1px solid #CBD5DD;">
							<span class="col-sm-1 editlableDetail" style="font-size:14px;">修改时间：</span>
							<div class="fldetail-4r"><fmt:formatDate value="${cellInfo.updateTime}" pattern="yyyy-MM-dd HH:mm:ss"/></div>
							<span class="col-sm-1 editlableDetail" style="font-size:14px;">用户账号：</span>
							<div class="fldetail-4r">${cellInfo.userAccount }</div>
					</div>
					<div class="itemEdit" style="border-bottom:1px solid #CBD5DD;">
                            <span class="col-sm-1 editlableDetail" style="font-size:14px;">排序：</span>
							<div class="fldetail-4r">${cellInfo.sort }</div>
					</div>
					<div class="itemEdit" style="border-bottom:1px solid #CBD5DD;">
							<span class="col-sm-1 editlableDetail" style="font-size:14px;">所在区域：</span>
							<div class="fldetail-4r" style=" float: left;width: 78%; padding-top:8px;margin-left: 20px;">${cellInfo.provinceName }${cellInfo.cityName }${cellInfo.areaName }${cellInfo.cellAddress }</div>
					</div>
					<table id="contentDiv" style="border:1px solid #CBD5DD;border-top:none;width: 100%;height:200px;" cellspacing="0" cellpadding="0">
						<tr>
							<td id="contentSpan" style="color: #504949;font-size:14px;width: 15.1%;border-right: 1px solid #edeef3;background-color: #EAFBFC;text-align: right;height:37px;line-height:37px;vertical-align: text-top;">小区描述：</td>
							<td style="border-right: 1px solid #edeef3;width:100%; min-height:200px;padding: 8px 20px;vertical-align: text-top;">${cellInfo.cellDescription}</td>
						</tr>
					</table>
				</div>
				<div style="text-align: center;">
					<button style="margin-top: 20px;" class="buttonCancle" onclick="cancel();">返&nbsp;&nbsp;回</button>
				</div>
			</div>
		</div>
	</div>
</section>
							<%@include file="/views/common/footer.jsp"%>
<script type="text/javascript">
	var ctx = '${ctx}';
	setCtx(ctx);
	//鼠标滑入一行改变背景颜色
	function mouseoverOne(target) {
		$(target).children().each(function() {
			$(this).css("background", "#D3F0F1");
		});
	}

	//鼠标滑出一行恢复原来的背景颜色
	function mouseoutOne(target) {
		$(target).children().each(function() {
			$(this).css("background", "");
		});
	}
	
	//动态获取图文混排div的高度
	var cDH = $("#contentDiv").height();
	$("#contentSpan").height(cDH);
</script>
